/** @define DashboardList */

.DashboardList {
    flex: 1;
}
.DashboardList--noJobTemplates {
    color: @list-empty-txt;
}

.DashboardList-header {
    display: flex;
    border-bottom: 1px solid @list-header-bord;
    margin-top: 20px;
}

.DashboardList-headerText {
    flex: 1;
    margin: 0px;
    font-size: 14px;
    font-weight: bold;
    color: @list-header-txt;
    white-space: nowrap;
    padding-left: 20px;
}

.DashboardList-tableHeaderIcon {
    color: @list-header-icon;
}

.DashboardList-viewAll {
    font-size: 11px;
    margin-right: 15px;
    padding-left: 10px;
    padding-right: 10px;
}

.DashboardList-container {
    flex: 1;
    width: 100%;
    padding: 20px;
    padding-top: 0;
}

.DashboardList-tableHeader--name {
    border-top-left-radius: 5px;
    padding-left: 15px;
}

.DashboardList-tableHeader--activity {
    width: 205px;
    padding-left:20px
}

.DashboardList-tableHeader--time {
    justify-content: flex-end;
}

.DashboardList-tableHeader--actions {
    border-top-right-radius: 5px;
    width: 110px;
    padding-right: 15px;
    text-align: right;
}

.DashboardList-status{
    padding-right: 9px;
}

.DashboardList-status--success{
    color: @default-succ;
}

.DashboardList-status--failed{
    color: @default-err;
}

.DashboardList-status--failed{
    color: @default-err;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0px;
    margin-right: 5px;
}

.DashboardList-status--failed:before {
    content: "\f06a";
}

.DashboardList-timeCell {
    white-space: nowrap;
    display: flex;
    justify-content: flex-end;
}

.DashboardList-nameContainer:hover {
    color: @default-link-hov;
    cursor: pointer;
}

.DashboardList-noJobs {
    color: @list-empty-txt;
    margin-top: 20px;
}

@media only screen and (max-width: 360px) {
    .DashboardList-headerText {
        white-space: normal;
        line-height: 22px;
        padding-top: 10px;
    }

    .DashboardList-timeCell {
        white-space: normal;
    }
}

@media only screen and (max-width: 540px) {
    .DashboardList-container {
        th {
            width: 25%;
            white-space: nowrap;
        }
    }
}
